<!DOCTYPE HTML>
<html>
    <head>
        <title>Credit Score</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" />

        <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>

        <script type="text/javascript">
        var lastUpDateTimeStamp;
            $(document).ready(function doAjax() {

             

               

                var serverResponseTime = new Array();

                //timeStamp to store the last update time in server
                

                $.post('http://chandrajcu.webfactional.com/jcumfidatabase/creditscorelist.php', {

                    timeStamp : lastUpDateTimeStamp
                    
                }, function(data, status) {
                     
                    var serverResponse = data.split("/");
                    serverResponseTime[0] = serverResponse[0];
                    serverResponseTime[1] = serverResponse[1];
                    lastUpDateTimeStamp = serverResponseTime[1];
                    $('#ui_listview').listview('refresh');
                        //alert($('.id_client_list').size()+ " 2 ");
                        
                    if (serverResponseTime[0] == "newUpdate") {

                        $.post('http://chandrajcu.webfactional.com/jcumfidatabase/creditscorelistgetIdName.php', {

                        }, function(data, status) {
                            
                            var serverReponseList = data.split(":");
                            var serverResponseListLength = serverReponseList.length-1;
                            var i;
                            
                            
                            for(  i = 0; i < serverResponseListLength/2; i= i+2){
                            //alert(serverReponseList[i]);
                            //alert(serverReponseList[i+1]);

                            alert($('#ui_listview').size());
                           if($('#ui_listview').size()< serverResponseListLength/2)
                            $('#ui_listview').append(
                                $('<li/>',{
                                    'class':'id_client_list',
                                    html: $('<a/>',{
                                        href: '#id_sectoina_page',
                                        text: serverReponseList[i+1]
                                        
                                    })
                                })
                            )
                            
                            $('#ui_listview').listview('refresh');}
                            //alert("2 " + data);
                        });
                        }
                });
             
            setTimeout(doAjax, 10000);});

        </script>

    </head>

    <body>
        <section data-role="page" >
            <header data-role="header">
                <h1> list view </h1>
            </header>

            <div data-role="content">
                <ol data-role="listview" data-inset="true" data-filter="true" id="ui_listview">

                 
                </ol>

            </div>
        </section>
        <div data-role="page" id="id_sectoina_page">

            <div data-role="header">
                <h1>Personal Loan Evaluation</h1>
            </div>

            <div id="id_name_of_applicant" data-role="content">
                <label for="name_of_applicant_label"><strong></br>Name of applicant:</strong></label>
                <label for="name_of_applicant">Name Here</label>
            </div>
            <div id="id_account_number" data-role="content">
                <label for="account_number_label"><strong>Account number:</strong></label>
                <label for="account_number">Account number Here</label>
            </div>
            <div id="id_branch_location" data-role="content">
                <label for="branch_location_label"><strong>Branch location:</strong></label>
                <label for="branch_location">Branch location here</label>
            </div>

            <div id="id_section_a" role="content">
                <label for="section_a_label"><strong></br>Section A: Summary of Present /Proposed Facility</strong></label>
            </div>

            <div id="id_section_a_entry_1" role="content">
                <label for="section_a_entry1_label"><strong></br></br>entry 1</strong></label>
                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="date_of_application1_label" class="ui-input-text">Date of application:</label>
                    <input type="text" name="date_of_application1"  id="id_date_of_application1" placeholder="Date"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>
                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="facility_type1_label" class="ui-input-text">Facility type:</label>
                    <input type="text" name="facility_type1"  id="id_facility_type1" placeholder="Type"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="interest_rate1_label" class="ui-input-text">Interest rate:</label>
                    <input type="text" name="interest_rate1"  id="id_interest_rate1" placeholder="Rate"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="outstanding_loan_amt1_label" class="ui-input-text">Outstanding Loan Amt:</label>
                    <input type="text" name="outstanding_loan_amt1"  id="id_outstanding_loan_amt1" placeholder="Amount"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="present_limit1_label" class="ui-input-text">Present limit:</label>
                    <input type="text" name="present_limit1"  id="id_present_limit1" placeholder="Limit"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="proposed_limit1_label" class="ui-input-text">Proposed limit:</label>
                    <input type="text" name="proposed_limit1"  id="id_proposed_limit1" placeholder="Limit"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>
                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="account_grade1_label" class="ui-input-text">Account grade:</label>
                    <input type="text" name="account_grade1"  id="id_account_grade1" placeholder="Grade"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>
            </div>

            <div id="id_section_a_entry_2" role="content">
                <label for="section_a_entry2_label"><strong></br></br>entry 2</strong></label>
                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="date_of_application2_label" class="ui-input-text">Date of application:</label>
                    <input type="text" name="date_of_application2"  id="id_date_of_application2" placeholder="Date"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>
                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="facility_type2_label" class="ui-input-text">Facility type:</label>
                    <input type="text" name="facility_type2"  id="id_facility_type2" placeholder="Type"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="interest_rate2_label" class="ui-input-text">Interest rate:</label>
                    <input type="text" name="interest_rate2"  id="id_interest_rate2" placeholder="Rate"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="outstanding_loan_amt2_label" class="ui-input-text">Outstanding Loan Amt:</label>
                    <input type="text" name="outstanding_loan_amt2"  id="id_outstanding_loan_amt2" placeholder="Amount"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="present_limit2_label" class="ui-input-text">Present limit:</label>
                    <input type="text" name="present_limit2"  id="id_present_limit2" placeholder="Limit"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="proposed_limit2_label" class="ui-input-text">Proposed limit:</label>
                    <input type="text" name="proposed_limit2"  id="id_proposed_limit2" placeholder="Limit"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>
                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="account_grade2_label" class="ui-input-text">Account grade:</label>
                    <input type="text" name="account_grade2"  id="id_account_grade2" placeholder="Grade"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>
            </div>

            <div id="id_section_a_entry_3" role="content">
                <label for="section_a_entry3_label"><strong></br></br>entry 3</strong></label>
                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="date_of_application3_label" class="ui-input-text">Date of application:</label>
                    <input type="text" name="date_of_application3"  id="id_date_of_application3" placeholder="Date"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>
                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="facility_type3_label" class="ui-input-text">Facility type:</label>
                    <input type="text" name="facility_type3"  id="id_facility_type3" placeholder="Type"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="interest_rate3_label" class="ui-input-text">Interest rate:</label>
                    <input type="text" name="interest_rate3"  id="id_interest_rate3" placeholder="Rate"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="outstanding_loan_amt3_label" class="ui-input-text">Outstanding Loan Amt:</label>
                    <input type="text" name="outstanding_loan_amt3"  id="id_outstanding_loan_amt3" placeholder="Amount"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="present_limit3_label" class="ui-input-text">Present limit:</label>
                    <input type="text" name="present_limit3"  id="id_present_limit3" placeholder="Limit"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="proposed_limit3_label" class="ui-input-text">Proposed limit:</label>
                    <input type="text" name="proposed_limit3"  id="id_proposed_limit3" placeholder="Limit"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>
                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="account_grade3_label" class="ui-input-text">Account grade:</label>
                    <input type="text" name="account_grade3"  id="id_account_grade3" placeholder="Grade"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>
            </div>

            <div id="id_section_a_entry_4" role="content">
                <label for="section_a_entry4_label"><strong></br></br>entry 4</strong></label>
                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="date_of_application4_label" class="ui-input-text">Date of application:</label>
                    <input type="text" name="date_of_application4"  id="id_date_of_application4" placeholder="Date"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>
                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="facility_type4_label" class="ui-input-text">Facility type:</label>
                    <input type="text" name="facility_type4"  id="id_facility_type4" placeholder="Type"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="interest_rate4_label" class="ui-input-text">Interest rate:</label>
                    <input type="text" name="interest_rate4"  id="id_interest_rate4" placeholder="Rate"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="outstanding_loan_amt4_label" class="ui-input-text">Outstanding Loan Amt:</label>
                    <input type="text" name="outstanding_loan_amt4"  id="id_outstanding_loan_amt4" placeholder="Amount"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="present_limit4_label" class="ui-input-text">Present limit:</label>
                    <input type="text" name="present_limit4"  id="id_present_limit4" placeholder="Limit"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="proposed_limit4_label" class="ui-input-text">Proposed limit:</label>
                    <input type="text" name="proposed_limit4"  id="id_proposed_limit4" placeholder="Limit"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>
                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="account_grade4_label" class="ui-input-text">Account grade:</label>
                    <input type="text" name="account_grade4"  id="id_account_grade4" placeholder="Grade"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>
            </div>

            <div id="id_section_a_entry_5" role="content">
                <label for="section_a_entry5_label"><strong></br></br>entry 5</strong></label>
                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="date_of_application5_label" class="ui-input-text">Date of application:</label>
                    <input type="text" name="date_of_application5"  id="id_date_of_application5" placeholder="Date"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>
                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="facility_type5_label" class="ui-input-text">Facility type:</label>
                    <input type="text" name="facility_type5"  id="id_facility_type5" placeholder="Type"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="interest_rate5_label" class="ui-input-text">Interest rate:</label>
                    <input type="text" name="interest_rate5"  id="id_interest_rate5" placeholder="Rate"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="outstanding_loan_amt5_label" class="ui-input-text">Outstanding Loan Amt:</label>
                    <input type="text" name="outstanding_loan_amt5"  id="id_outstanding_loan_amt5" placeholder="Amount"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="present_limit5_label" class="ui-input-text">Present limit:</label>
                    <input type="text" name="present_limit5"  id="id_present_limit5" placeholder="Limit"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="proposed_limit5_label" class="ui-input-text">Proposed limit:</label>
                    <input type="text" name="proposed_limit5"  id="id_proposed_limit5" placeholder="Limit"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>
                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="account_grade5_label" class="ui-input-text">Account grade:</label>
                    <input type="text" name="account_grade5"  id="id_account_grade5" placeholder="Grade"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>
            </div>

            <div id="id_section_a_entry_6" role="content">
                <label for="section_a_entry6_label"><strong></br></br>entry 6</strong></label>
                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="date_of_application6_label" class="ui-input-text">Date of application:</label>
                    <input type="text" name="date_of_application6"  id="id_date_of_application6" placeholder="Date"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>
                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="facility_type6_label" class="ui-input-text">Facility type:</label>
                    <input type="text" name="facility_type6"  id="id_facility_type6" placeholder="Type"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="interest_rate6_label" class="ui-input-text">Interest rate:</label>
                    <input type="text" name="interest_rate6"  id="id_interest_rate6" placeholder="Rate"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="outstanding_loan_amt6_label" class="ui-input-text">Outstanding Loan Amt:</label>
                    <input type="text" name="outstanding_loan_amt6"  id="id_outstanding_loan_amt6" placeholder="Amount"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="present_limit6_label" class="ui-input-text">Present limit:</label>
                    <input type="text" name="present_limit6"  id="id_present_limit6" placeholder="Limit"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="proposed_limit6_label" class="ui-input-text">Proposed limit:</label>
                    <input type="text" name="proposed_limit6"  id="id_proposed_limit6" placeholder="Limit"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>
                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="account_grade6_label" class="ui-input-text">Account grade:</label>
                    <input type="text" name="account_grade6"  id="id_account_grade6" placeholder="Grade"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>
            </div>
            <div id="id_total_facility" data-role="content">
                <label for="total_facility_label"><strong></br>Total facility:</strong></label>
                <label for="total_facility">Total facility Here</label>
            </div>
            <div id="id_total_tangible_security" data-role="content">
                <label for="total_tangible_security_label"><strong></br>Total tangible security:</strong></label>
                <label for="total_tangible_security">Total tangible security Here</label>
            </div>
            <div id="id_estimated_cash_risk" data-role="content">
                <label for="estimated_cash_risk_label"><strong></br>Estimated cash risk:</strong></label>
                <label for="estimated_cash_risk">Estimated cash risk Here</label>
            </div>

            <fieldset class="ui-grid-a">
                <div class="ui-block-a">
                    <button type="reset" data-theme="c">
                        Reset
                    </button>
                </div>
                <div class="ui-block-b">
                    <a href="#id_sectoinb_page" data-role="button" data-theme="b" data-transition="fade">Next</a>
                </div>
            </fieldset>

        </div>

        <div data-role="page" id="id_sectoinb_page">

            <div data-role="header">
                <h1>Personal Loan Evaluation</h1>
            </div>

            <div id="id_section_b" role="content">
                <label for="section_b_label"><strong></br>Section B: Checklist of information/documents</strong></label>
            </div>

            <div id="id_loan_app_form_check" data-role="content">
                <label for="loan_app_form_check_label"><strong></br>1) Loan application form is completed:</strong></label>
                <label for="loan_app_form_check">cross/tick here</label>
            </div>

            <div id="id_latest_salary_statement_confirm" data-role="content">
                <label for="latest_salary_statement_confirm_label"><strong></br>2) Latest salary statement to confirm salary:</strong></label>
                <label for="latest_salary_statement_confirm">cross/tick here</label>
            </div>

            <div id="id_last_two_year_incometax" data-role="content">
                <label for="last_two_year_incometax_label"><strong></br>3) Last two year of income tax forms:</strong></label>
                <label for="last_two_year_incometax">cross/tick here</label>
            </div>

            <div id="id_evidence_work_last_5_year" data-role="content">
                <label for="evidence_work_last_5_year_label"><strong></br>4) Evidence of work in last 5 years(if contract staff):</strong></label>
                <label for="evidence_work_last_5_year">cross/tick here</label>
            </div>

            <div id="id_bank_statement_last_3_month" data-role="content">
                <label for="bank_statement_last_3_month_label"><strong></br>5) Bank statement for past 3 monts:</strong></label>
                <label for="bank_statement_last_3_month">cross/tick here</label>
            </div>

            <div id="id_occurrebce_cheque_return" data-role="content">
                <label for="occurrebce_cheque_return_label"><strong></br>6) Occurrence of cheque returned</strong></label>
                <label for="occurrebce_cheque_return">cross/tick here</label>
            </div>

            <div id="id_name_not_reg_in_bdd" data-role="content">
                <label for="name_not_reg_in_bdd_label"><strong></br>7) Name is not registered in BDD record:</strong></label>
                <label for="name_not_reg_in_bdd">cross/tick here</label>
            </div>

            <div id="id_sectionb_q8">

                <div id="id_credit_card_record" data-role="content">
                    <label for="credit_card_record_label"><strong></br>8) Credit Card Record:</strong></label>

                    <div id="id_card_1" data-role="content">
                        <label for="card_1_label"><strong>Card 1)</strong></label>

                        <div id="id_card_1_card_number" data-role="content">
                            <label for="card_1_card_number_label"><strong>Card No:</strong></label>
                            <label for="card_1_card_number">Card No Here</label>
                        </div>
                        <div id="id_card_1_date_open" data-role="content">
                            <label for="card_1_date_open_label"><strong>Date Open:</strong></label>
                            <label for="card_1_date_open">Date Open Here</label>
                        </div>
                        <div id="id_card_1_average_spending" data-role="content">
                            <label for="card_1_average_spending_label"><strong>Average Spending:</strong></label>
                            <label for="card_1_average_spending">Average Spending Here</label>
                        </div>
                        <div id="id_card_1_payment_pattern" data-role="content">
                            <label for="card_1_payment_pattern_label"><strong>Payment pattern:</strong></label>
                            <label for="card_1_payment_pattern">payment pattern Here</label>
                        </div>
                        <div id="id_card_1_credit_card_conduct" data-role="content">
                            <label for="card_1_credit_card_conduct_label"><strong>Credit Card Conduct:</strong></label>
                            <label for="card_1_credit_card_conduct">Credit Card ConductHere</label>
                        </div>

                    </div>

                    <div id="id_card_2" data-role="content">
                        <label for="card_2_label"><strong>Card 2)</strong></label>

                        <div id="id_card_2_card_number" data-role="content">
                            <label for="card_2_card_number_label"><strong>Card No:</strong></label>
                            <label for="card_2_card_number">Card No Here</label>
                        </div>
                        <div id="id_card_2_date_open" data-role="content">
                            <label for="card_2_date_open_label"><strong>Date Open:</strong></label>
                            <label for="card_2_date_open">Date Open Here</label>
                        </div>
                        <div id="id_card_2_average_spending" data-role="content">
                            <label for="card_2_average_spending_label"><strong>Average Spending:</strong></label>
                            <label for="card_2_average_spending">Average Spending Here</label>
                        </div>
                        <div id="id_card_2_payment_pattern" data-role="content">
                            <label for="card_2_payment_pattern_label"><strong>Payment pattern:</strong></label>
                            <label for="card_2_payment_pattern">payment pattern Here</label>
                        </div>
                        <div id="id_card_2_credit_card_conduct" data-role="content">
                            <label for="card_2_credit_card_conduct_label"><strong>Credit Card Conduct:</strong></label>
                            <label for="card_2_credit_card_conduct">Credit Card ConductHere</label>
                        </div>

                    </div>

                    <div id="id_card_3" data-role="content">
                        <label for="card_3_label"><strong>Card 3)</strong></label>

                        <div id="id_card_3_card_number" data-role="content">
                            <label for="card_3_card_number_label"><strong>Card No:</strong></label>
                            <label for="card_3_card_number">Card No Here</label>
                        </div>
                        <div id="id_card_3_date_open" data-role="content">
                            <label for="card_3_date_open_label"><strong>Date Open:</strong></label>
                            <label for="card_3_date_open">Date Open Here</label>
                        </div>
                        <div id="id_card_3_average_spending" data-role="content">
                            <label for="card_3_average_spending_label"><strong>Average Spending:</strong></label>
                            <label for="card_3_average_spending">Average Spending Here</label>
                        </div>
                        <div id="id_card_3_payment_pattern" data-role="content">
                            <label for="card_3_payment_pattern_label"><strong>Payment pattern:</strong></label>
                            <label for="card_3_payment_pattern">payment pattern Here</label>
                        </div>
                        <div id="id_card_3_credit_card_conduct" data-role="content">
                            <label for="card_3_credit_card_conduct_label"><strong>Credit Card Conduct:</strong></label>
                            <label for="card_3_credit_card_conduct">Credit Card ConductHere</label>
                        </div>

                    </div>
                </div>

            </div>

            <fieldset class="ui-grid-a">
                <div class="ui-block-a">
                    <button type="reset" data-theme="c">
                        Reset
                    </button>
                </div>
                <div class="ui-block-b">
                    <a href="#id_sectoinc_page" data-role="button" data-theme="b" data-transition="fade">Next</a>
                </div>
            </fieldset>
        </div>

        <div data-role="page" id="id_sectoinc_page">

            <div data-role="header">
                <h1>Personal Loan Evaluation</h1>
            </div>

            <div id="id_section_c" role="content">
                <label for="section_c_label"><strong></br>Section C: Debt Service Ratio</strong></label>
            </div>

            <div id="id_gross_monthly_income" data-role="content">
                <label for="gross_monhtly_income_label"><strong></br>Gross Monthly Income:</strong></label>
                <label for="gross_monhtly_income">monthly income figure here</label>
            </div>

            <div id="id_gross_monthly_repayment_amount" data-role="content">
                <label for="monthly_repayment_amount_label"><strong></br>Monthly repayment amount:</strong></label>
                <label for="monthly_repayment_amount">Monthly repayment amount figure here</label>
            </div>

            <div id="id_debt_service_ratio" data-role="content">
                <label for="debt_service_ratio_label"><strong></br>Debt Service Ratio:</strong></label>
                <label for="debt_service_ratio">Debt Service Ratio figure here</label>
            </div>

            <fieldset class="ui-grid-a">
                <div class="ui-block-a">
                    <button type="reset" data-theme="c">
                        Reset
                    </button>
                </div>
                <div class="ui-block-b">
                    <a href="#id_sectoind_page" data-role="button" data-theme="b" data-transition="fade">Next</a>
                </div>
            </fieldset>
        </div>

        <div data-role="page" id="id_sectoind_page">

            <div data-role="header">
                <h1>Personal Loan Evaluation</h1>
            </div>

            <div id="id_section_d" role="content">
                <label for="section_d_label"><strong></br>Section D: Credit Scoring</strong></label>

            </div>

            <div id="id_sectiond1_layout">
                <div id="id_sectiond_sub_headings">
                    <label for="sectiond_d1_age_label"><strong></br> Category D.1 Age</strong></label>
                </div>

                <label for="sectiond__evaluation_criteria_label"><strong><u></br>Evaluation Criteria</u></strong></label>

                <div id="id_sectiond_sub_headings_col2">
                    <label for="sectiond_ec_d1_c1_label">21-50 years old (3 points)</label>
                    <label for="sectiond_ec_d1_c2_label"></br>51-60 years (2 points)</label>
                    <label for="sectiond_ec_d1_c3_label"></br>Above 60 years (1 point)</label>
                </div>

                <label for="sectiond_points_label"><strong><u></br>Points</u></strong></label>
                <label for="sectiond_points"></br>D.1 Age Point here</label>
            </div>

            <div id="id_sectiond2_layout">
                <div id="id_sectiond_sub_headings">
                    <label for="sectiond_d2_marital_status_label"></br></br> Category D.2 Marital status</label>
                </div>

                <label for="sectiond__evaluation_criteria_label"><strong><u></br>Evaluation Criteria</u></strong></label>

                <div id="id_sectiond_sub_headings_col2">
                    <label for="sectiond_ec_d2_c1_label">Single (3 points)</label>
                    <label for="sectiond_ec_d2_c2_label"></br>Married (2 points)</label>
                    <label for="sectiond_ec_d2_c3_label"></br>Divorced (1 point)</label>
                </div>

                <label for="sectiond_points_label"><strong><u></br>Points</u></strong></label>
                <label for="sectiond_points"></br>D.2 Marital status Point here</label>
            </div>

            <div id="id_sectiond3_layout">
                <div id="id_sectiond_sub_headings">
                    <label for="sectiond_d3_no_of_dependents_label"></br></br> Category D.3 No. of dependents</label>
                </div>

                <label for="sectiond__evaluation_criteria_label"><strong><u></br>Evaluation Criteria</u></strong></label>

                <div id="id_sectiond_sub_headings_col2">
                    <label for="sectiond_ec_d3_c1_label">0 to 2 (2 points)</label>
                    <label for="sectiond_ec_d3_c2_label"></br>Above 2 (1 point)</label>
                </div>

                <label for="sectiond_points_label"><strong><u></br>Points</u></strong></label>
                <label for="sectiond_points"></br>D.3 No. of dependents Point here</label>
            </div>

            <div id="id_sectiond4_layout">
                <div id="id_sectiond_sub_headings">
                    <label for="sectiond_d4_housing"></br></br> Category D.4 Housing</label>
                </div>

                <label for="sectiond__evaluation_criteria_label"><strong><u></br>Evaluation Criteria</u></strong></label>

                <div id="id_sectiond_sub_headings_col2">
                    <label for="sectiond_ec_d4_c1_label">Self owned fully paid (3 points)</label>
                    <label for="sectiond_ec_d4_c2_label"></br>Mortgaged (2 points)</label>
                    <label for="sectiond_ec_d4_c3_label"></br>Staying with parents (1 point)</label>
                    <label for="sectiond_ec_d4_c4_label"></br>Company house (1 point)</label>
                    <label for="sectiond_ec_d4_c5_label"></br>Rented (1 point)</label>
                </div>

                <label for="sectiond_points_label"><strong><u></br>Points</u></strong></label>
                <label for="sectiond_points"></br>D.4 Housing Point here</label>
            </div>

            <div id="id_sectiond5_layout">
                <div id="id_sectiond_sub_headings">
                    <label for="sectiond_d5_source_of_income"></br></br> Category D.5 Source of income</label>
                </div>

                <label for="sectiond__evaluation_criteria_label"><strong><u></br>Evaluation Criteria</u></strong></label>

                <div id="id_sectiond_sub_headings_col2">
                    <label for="sectiond_ec_d5_c1_label">Regular income(3 points)</label>
                    <label for="sectiond_ec_d5_c2_label"></br>Irregular (2 points)</label>
                </div>

                <label for="sectiond_points_label"><strong><u></br>Points</u></strong></label>
                <label for="sectiond_points"></br>D.5 Source of income Point here</label>
            </div>

            <div id="id_sectiond6_layout">
                <div id="id_sectiond_sub_headings">
                    <label for="sectiond_d6_gross_monhtly_salary"></br></br> Category D.6 Gross Monthly Salary</label>
                </div>

                <label for="sectiond__evaluation_criteria_label"><strong><u></br>Evaluation Criteria</u></strong></label>

                <div id="id_sectiond_sub_headings_col2">
                    <label for="sectiond_ec_d6_c1_label">US$500 - 1500 (1 points)</label>
                    <label for="sectiond_ec_d6_c2_label"></br>US$1500 - 2500 (2 points)</label>
                    <label for="sectiond_ec_d6_c3_label"></br>US$2500 - 3500 (3 points)</label>
                    <label for="sectiond_ec_d6_c4_label"></br>Above US$3500 (4 points)</label>
                </div>

                <label for="sectiond_points_label"><strong><u></br>Points</u></strong></label>
                <label for="sectiond_points"></br>D.6 Gross Monthly Salary Point here</label>
            </div>

            <div id="id_sectiond7_layout">
                <div id="id_sectiond_sub_headings">
                    <label for="sectiond_d7_occupation"></br></br> Category D.7 Occupation</label>
                </div>

                <label for="sectiond__evaluation_criteria_label"><strong><u></br>Evaluation Criteria</u></strong></label>

                <div id="id_sectiond_sub_headings_col2">
                    <label for="sectiond_ec_d7_c1_label">Category A (Director level)(3 points)</label>
                    <label for="sectiond_ec_d7_c2_label"></br>Category B (Manager level)(2 points)</label>
                    <label for="sectiond_ec_d7_c3_label"></br>US$2500 - 3500 (Excutive level)(3 points)</label>
                </div>

                <label for="sectiond_points_label"><strong><u></br>Points</u></strong></label>
                <label for="sectiond_points"></br>D.7 OccupationPoint here</label>
            </div>

            <div id="id_sectiond_total_score_layout">
                <div id="id_sectiond_sub_headings">
                    <label for="sectiond_d_total_score_source_of_income"></br></br><strong><u>(Points) Total Score (Note: Max 21 points & Cut off point at 14 points)</u></strong> </label>
                </div>
                <label for="sectiond_points"></br>Total Score Point here</label>
            </div>

            <fieldset class="ui-grid-a">
                <div class="ui-block-a">
                    <button type="reset" data-theme="c">
                        Reset
                    </button>
                </div>
                <div class="ui-block-b">
                    <a href="#id_sectione_page" data-role="button" data-theme="b" data-transition="fade">Next</a>

                </div>
            </fieldset>

        </div>

        <div data-role="page" id="id_sectione_page">

            <div data-role="header">
                <h1>Personal Loan Evaluation</h1>
            </div>

            <div id="id_section_e" role="content">
                <label for="section_d_label"><strong></br>Section E: Recommendation</strong></label>

            </div>

            <div id="id_section_e_remarks" role="content">
                <label for="section_e_remarks_label"></br> Remarks (Approved, Reject or Review)</label>
                <input type="text" name="section_e_remarks_input"  id="id_section_e_remarks_input" placeholder="remarks"
                value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
            </div>

            <div id="id_section_e_recommender_approver" role="content">
                <label for="section_e_recommender1_label"></br> Recommender Name 1:</label>
                <input type="text" name="section_e_recommender1_input"  id="id_section_e_recommender1_input" placeholder="remarks"
                value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                <label for="section_e_recommender2_label"></br> Recommender Name 2:</label>
                <input type="text" name="section_e_recommender2_input"  id="id_section_e_recommender2_input" placeholder="remarks"
                value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">

                <label for="section_e_approver_label"></br> Approver Name :</label>
                <input type="text" name="section_e_approver_input"  id="id_section_e_approver_input" placeholder="remarks"
                value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">

                <label for="section_e_approver_date_label"></br> Approver Date :</label>
                <input type="text" name="section_e_approver_date_input"  id="id_section_e_approver_date_input" placeholder="remarks"
                value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
            </div>
        </div>

    </body>

</html>